<!DOCTYPE html>
<html lang="en">


<!--startprint-->
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> &nbsp;</title>
    <link rel="stylesheet" href="css/index.css">
    <style media="print">
        @page {

            /* 具体的打印位置在这儿调节 */
            size: auto;  
            margin: 0mm 10mm; 
        }
    </style>
</head>

<body>
    <div class="container" id="app">
        
        <header>
            <h1>
                绿地集团西南事业部收据
            </h1>
            <p>
                <span>
                    N
                </span>
                <span>
                    o
                </span>
                <span>
                    .S
                </span>
                <span>
                    050135
                </span>
            </p>
            <div class="time">
                <span>
                    2018
                </span>
                <span>
                    年
                </span>

                <span>
                    4
                </span>
                <span>
                    月
                </span>

                <span>
                    17
                </span>
                <span>
                    日
                </span>

            </div>
            <div class="menuTitle">
                <div class="item">
                    <span>
                        公司名称:
                    </span>
                    <span>
                        绿地集团
                    </span>
                </div>
                <div class="item">
                    <span>
                        项目名称:
                    </span>
                    <span>
                        绿地集团中央规划
                    </span>
                </div>
            </div>
        </header>

        <div class="tbody">
            <div class="dw">
                第三联记账联
            </div>
            <div class="top1">
                <div class="left1">
                    <div class="top2">
                        <div class="top3">
                            <p>
                                <span>
                                  今收到:
                                </span>
                                 
                                 开图共，阿九阿九
                              </p>
                              <p>
                                  <span>
                                      以下款项:
                                  </span>
                                  456988
                              </p>
                        </div>
                        <div class="footer3">
                            <p>
                                <span>
                                    摘
                                </span>
                                <span>
                                    要
                                </span>
                            </p>
                            <p>
                                金额&nbsp;(元)
                            </p>
                        </div>
                       
                    </div>
                    <div class="footer2">
                        <div class="itemL">
                            <div class="leftL">

                            </div>
                            <div class="rightL">

                            </div>

                        </div>
                        <div class="itemL">
                            <div class="leftL">
                                
                            </div>
                            <div class="rightL">

                            </div>

                        </div>
                        <div class="itemL">
                            <div class="leftL">
                                55
                            </div>
                            <div class="rightL">
55
                            </div>

                        </div>
                        <div class="itemL">
                            <div class="leftL">
                                
                            </div>
                            <div class="rightL">

                            </div>

                        </div>
                        <div class="itemL">
                            <div class="leftL">
                                <span>
                                    小
                                </span>
                                <span>
                                    计
                                </span>
                            </div>
                            <div class="rightL">

                            </div>

                        </div>

                    </div>

                </div>
                <div class="right1">
                    <div class="top2">
                        备&nbsp;注
                    </div>
                    <div class="footer2">
                        这货表现不错,这货表现不错这货表现不错这货表现不错
                    </div>

                </div>

            </div>
            <div class="footer1">
                <div class="footerH">
                    合计金额大写(人民币)
                    
                        :
                    
                </div>
                <span>
                    2仟
                </span>
                <span>
                    5佰
                </span>
                <span>
                   8拾
                </span>
                <span>
                    8万
                </span>
                <span>
                    仟
                </span>
                <span>
                   5佰

                </span>
                <span>
                   8拾
                </span>

                <span>
                   6圆
                </span>
                <span>
                   8角
                </span>
                <span>
                   8分
                </span>
            </div>

        </div>

        <footer>
            <div class="item">
                <span>
                    负责人:
                </span>
                <span>
                    陈智超
                </span>
            </div>
            <div class="item">
                <span>
                    会计:
                </span>
                <span>
                    陈智超
                </span>
            </div>
            <div class="item">
                <span>
                    收款人:
                </span>
                <span>
                    陈智超
                </span>
            </div>
            <div class="item">
                <span>
                    交款人:
                </span>
                <span>
                    陈智超
                </span>
            </div>
        </footer>
    </div>



    <!-- 其他数据都写在这个里面 -->
    <div class="others">
        <button class="dy">打印</button>
        <style>
            ul li{
                height: 20px;
            }
        </style>
        <ul>
            <li>1</li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li>100</li>
        </ul>


        
    </div>

</body>

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.slim.js"></script>
<script src="js/index.js"></script>

</html>
